@charset "utf-8";
*{
	/*font-size: 0.5em;*/
	margin: 0;
	padding: 0;
}
body{
	height: 100%;
}
html{
	background-color: #dadada;
	height: 100%;
}
input,a{
	-webkit-tap-highlight-color:rgba(255,255,255,0);
}
html {font-size:10px} 
@media screen and (min-width:480px) and (max-width:639px) { html { font-size: 15px } }
 @media screen and (min-width:640px) and (max-width:719px) { html { font-size: 20px } } @media screen and (min-width:720px) and (max-width:749px) { html { font-size: 22.5px } } @media screen and (min-width:750px) and (max-width:799px) { html { font-size: 23.5px } } @media screen and (min-width:800px) and (max-width:959px) { html { font-size: 25px } } @media screen and (min-width:960px) and (max-width:1079px) { html { font-size: 30px } } @media screen and (min-width:1080px) { html { font-size: 32px } }

a{
	text-decoration: none;
}
header{
	position: fixed;
	top: 0;
	width: 92%;
	padding: 0 4%;
	height: 4.4rem;
	/*height: 10%;*/
	display: flex;
	display: -webkit-flex;
	background: rgb(18,184,244);
	justify-content: center;
	align-items: center;
	text-align: center;
}
.news{
	flex: 1;
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	text-align: left;
}
.news a{
	display: inline-block;
	width: 2rem;
	height: 2rem;
}
.news a img{
	width: 100%;
	height: 100%;
}
.search{
	flex:6
}
.search input{
	width: 100%;
	height: 3rem;
	border: 0;
	text-indent: 5rem;
	background-image: url(../img/search_03.png);
	background-position: left-center;
	background-position-x: 0.5rem;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 5px;
	font-size: 1.2rem;
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	/*line-height: 3rem;*/
}
.btn{
	flex: 1;
	line-height: ;
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	text-align: right;
}
.btn img{
	width: 2rem;
	height: 2rem;
}
.nav{
	width: 100%;
	position: fixed;
	/*height: 6%;*/
	top: 4.4rem;
	padding: 1rem 0;
	display: flex;
	display: -webkit-flex;
	/*background: #72bdf2;*/
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #fff;
}
.nav a{
	display: inline-block;
	flex: 2;
	color: #333;
	font-size: 1.2rem;
}
.nav a:nth-child(1){
	color:rgb(18,184,224);
}
.footer{
	position: fixed;
	width: 100%;
	height: 6rem;
	bottom: 0;
	display: flex;
	display: -webkit-flex;
	/*background: #72bdf2;*/
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #fff;
	border-top: 1px solid #333;
}
.footer a{
	display: inline-block;
	flex: 3;
	color: #333;
	font-size: 1.0rem;
}
.footer a img{
	width: 2.5rem;
	height: 2.5rem;
}
.container{
	width: 100%;
	height: 100%;
	background: red;
	padding-top: 7.5rem;
}
.container iframe{
	width: 100%;
	display: inline-block;
	height: 100%
}
